// 封装购物车模块

import { defineStore } from 'pinia'
import { ref, computed } from 'vue'
import { useUserStore } from './userStore'
import { insertCartAPI, getCartListAPI, deleteCartAPI } from '@/apis/cart'

export const useCartStore = defineStore('cart', () => {
   const userStore = useUserStore()
   const isLogin = computed(() => userStore.userInfo.token)
   // 定义state-cartList
   const cartList = ref([])
   // 获取最新购物车列表action
   const updateCartList = async () => {
      const res = await getCartListAPI()
      cartList.value = res.result
   }
   // 定义action-addCart加入购物车
   const addCart = async (goods) => {
      const { skuId, count } = goods
      if (isLogin.value) {
         // 登录之后的加入购物车逻辑
         await insertCartAPI({ skuId, count })
         updateCartList()
      } else {
         // 本地购物车逻辑
         // 添加购物车操作
         // 已添加过 count+1
         // 没有添加过 直接push
         // 思路：通过传递过来的商品参数中的skuId和cartList中是否匹配
         const item = cartList.value.find((item) => goods.skuId === item.skuId)
         if (item) {
            // 如果存在，数量加一
            item.count++
         } else {
            // 不存在 将数据加入数组中
            cartList.value.push(goods)
         }
      }
   }
   // 删除购物车
   const delCart = async (skuId) => {
      if (isLogin.value) {
         // 调用接口实现接口购物车中的删除功能
         await deleteCartAPI([skuId])
         updateCartList()
      } else {
         // 方法一：找到要删除项的下标值-splice
         const idx = cartList.value.findIndex((item) => skuId === item.skuId)
         cartList.value.splice(idx, 1)
         // 方法二：使用数组的过滤方法-filter
         // cartList.value = cartList.value.filter((item) => item.skuId !== skuId)
      }
   }
   // 清除购物车数据
   const clearCart = () => {
      cartList.value = []
   }
   // 单选功能
   const singleCheck = (skuId, selected) => {
      // 通过skuId在数组中找到需要修改的项 然后修改选中状态
      const item = cartList.value.find((item) => item.skuId === skuId)
      item.selected = selected
   }
   // 全选功能
   const allCheck = (selected) => {
      cartList.value.forEach(item => item.selected = selected)
   }
   // 计算属性
   // 1.总数量 所有项的count之和
   const allCount = computed(() => cartList.value.reduce((a, c) => a + c.count, 0))
   // 2.总价   所有项的count*price之和
   const allPrice = computed(() => cartList.value.reduce((a, c) => a + c.count * c.price, 0))
   // 3.已选择商品数量
   const selectedCount = computed(() => cartList.value.filter(item => item.selected).reduce((a, c) => a + c.count, 0))
   // 4.已选择商品总价
   const selectedPrice = computed(() => cartList.value.filter(item => item.selected).reduce((a, c) => a + c.count * c.price, 0))
   // 是否全选
   const isAll = computed(() => cartList.value.every((item) => item.selected))

   return {
      cartList,
      allCount,
      allPrice,
      isAll,
      selectedCount,
      selectedPrice,
      addCart,
      delCart,
      singleCheck,
      allCheck,
      clearCart,
      updateCartList
   }
}, {
   persist: true
})